<?php
/**
 * Created by PhpStorm.
 * User: Frings
 * Date: 2017-08-30
 * Time: 22:56
 */

use yii\helpers\Url;

$web = Url::base();
?>

<script type="text/javascript" charset="UTF-8">
    window.UEDITOR_HOME_URL = "<?= $web ?>/ueditor/";
</script>
<script type="text/javascript" charset="utf-8" src="<?= $web ?>/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="<?= $web ?>/ueditor/ueditor.all.js"></script>

<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->

<iframe id="sale_article_edit_target" name="sale_article_edit_target" style="display: none;"></iframe>
<form action="sale-article-save-handler" id="sale_article_edit_form" method="post" target="sale_article_edit_target">
    <div class="form-horizontal">
        <div class="form-group">
            <input type="hidden" id="id" name="id" value="<?= isset($item['id']) ? $item['id'] : '' ?>">
            <label class="col-lg-3 col-sm-3 control-label">标题：</label>
            <div class="col-lg-9">
                <input type="text" class="form-control" id="title" name="title"
                       value="<?= isset($item['title']) ? $item['title'] : '' ?>">
            </div>
        </div>
        <div class="form-group">
            <label class="col-lg-3 col-sm-3 control-label">内容：</label>
            <div class="col-lg-9">
               <textarea id="editor"  type="text/plain"
                         style="width:630px;height:500px;"><?= isset($item['detail_html']) ? $item['detail_html'] : ''; ?></textarea>
            </div>
        </div>
    </div>
</form>

<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor');
    $('#sale_article_edit_target').load(function () {
        try {
            var result = JSON.parse($('#sale_article_edit_target').contents().find('body').html());
            if (result.status == 0) {
                location.reload();
            } else {
                alert(result.message);
            }
        } catch (err) {
            alert('保存出错');
        }
    })
</script>

